<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>开心Go</title>
    <meta name="keywords" content="商城" />
    <meta name="description" content="商城" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./css/buttom_button.css">
</head>

<body>
    <header data-am-widget="header" class="am-header am-header-default s-header">
        <h1 class="am-header-title">
            分类
        </h1>
        <div class="am-header-right am-header-nav">
            <a href="../index.html" class=""> <i class="iconfont">&#xe601;</i> </a>
        </div>
    </header>
    <div class="jl"></div>
    <div class="cate-search">
        <input type="text" class="cate-input" placeholder="请输入您要的搜索的产品关键词">
        <input type="button" class="cate-btn">
    </div>
    <div class="content-list">
        <div class="list-left">
            <li><a href="clothes.html">女装</a></li>
            <li class="current"><a href="default.htm">男装</a></li>
            <li><a href="sale.html">ZARA</a></li>
            <li><a href="jewel.html">首饰</a></li>
            <li><a href="jiaju.html">家电</a></li>
            <li><a href="food.html">零食</a></li>
            <li><a href="makeup.html">化妆品</a></li>
        </div>
        <div class="list-right">
            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-2 am-avg-lg-4 am-gallery-default am-no-layout">
                <li>
                    <div class="am-gallery-item">
                        <a href="list.html" class="">
                            <img src=" images/11.jpg">
                            <h3 class="am-gallery-title">外套</h3>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="am-gallery-item">
                        <a href="list.html" class="">
                            <img src=" images/12.jpg">
                            <h3 class="am-gallery-title">夹克</h3>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="am-gallery-item">
                        <a href="list.html" class="">
                            <img src=" images/13.jpg">
                            <h3 class="am-gallery-title">裤子</h3>
                        </a>
                    </div>
                </li>


            </ul>
        </div>
    </div>

    <div data-am-widget="navbar" class="am-navbar  gm-foot am-no-layout" id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-5">
            <li class="curr">
                <a href="../index.html" class="curr">
                    <span class="iconfont icon-home"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="search.html" class="">
                    <span class="iconfont icon-search"></span>
                    <p>搜索</p>
                </a>
            </li>
            <li>
                <a href="category.html" class="">
                    <span class="iconfont icon-kind"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopcar.html" class="">
                    <span class="iconfont icon-car"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="member.html" class="">
                    <span class="iconfont icon-mine"></span>
                    <p>我的</p>
                </a>
            </li>

        </ul>
    </div>
</body>

</html>